<template>
  <div class="container" ref="container">
    <div>
      <shopinfo-header></shopinfo-header>
      <shopinfo-active></shopinfo-active>
      <shopinfo-live></shopinfo-live>
      <shopinfo-message></shopinfo-message>
    </div>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
import ShopinfoActive from './shopComponents/shopinfo-active.vue'
import shopinfoHeader from './shopComponents/shopInfo-header.vue'
import ShopinfoLive from './shopComponents/shopinfo-live.vue'
import ShopinfoMessage from './shopComponents/shopinfo-message.vue'
export default {
  components: { shopinfoHeader, ShopinfoActive, ShopinfoLive, ShopinfoMessage },
  data() {
    return {
      scroll: ''
    }
  },
  mounted() {
    this.$nextTick(() => {
      const container = this.$refs.container
      this.scroll = new BScroll(container)
    })
  }
}
</script>

<style lang="less" scoped>
.container {
  height: 405px;
  overflow: hidden;
  background-color: #fff;
}
</style>
